<ion-header>
    <ion-navbar color="orange">
        <ion-title>
          任务搜索
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
<!-- banner开始 -->
<div class="ht-100 ht-overflow s-banner">
    <img src="assets/imgs/service-banner.png" alt="">
</div>
<!-- banner结束 -->
<!-- 标题开始 -->
<!--<div class="ht-100 ht-overflow ht-background ht-line-35 ht-text-center ht-000">-->
    <!--<div class="ht-33 ht-float-left ht-000 ht-font-14">-->
      <!--<span class="ht-inline-block ts-xiaoguo">-->
        <!--餐饮任务-->
      <!--</span>-->
    <!--</div>-->
    <!--<div class="ht-33 ht-float-left ht-000 ht-font-14">-->
      <!--<span class="ht-inline-block">-->
        <!--平台任务-->
      <!--</span>-->
    <!--</div>-->
    <!--<div class="ht-33 ht-float-left ht-000 ht-font-14">-->
      <!--<span class="ht-inline-block">-->
        <!--商务任务-->
      <!--</span>-->
    <!--</div>-->
<!--</div>-->
<!--<div style="clear:both"></div>-->
<!-- 标题结束 -->
<!-- 搜索栏开始 -->
  <!--<div class="s-search">-->
      <!--<div class="ht-100 ht-overflow ht-background ht-line-25 ht-radius-30">-->
        <!--<div class="ht-8 ht-float-left ht-height ht-overflow">-->
          <!--<div class="s-xl">-->
              <!--<img src="assets/imgs/icon-xs.png" alt="">-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="ht-90 ht-float-left" [navPush]="'TaskSearchPage'">-->
            <!--<ion-searchbar-->
            <!--[(ngModel)]="myInput"-->
            <!--[showCancelButton]="shouldShowCancel"-->
            <!--(ionInput)="onInput($event)"-->
            <!--(ionCancel)="onCancel($event)"-->
            <!--placeholder="搜索"-->
            <!--&gt;搜索-->
          <!--</ion-searchbar>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->
<!-- 搜索栏结束 -->
<!-- 主内容开始 -->
<div class="ht-overflow ht-padding-lr">
  <!-- 全部 -->
  <div padding-top class="ht-border-bottom">
    <!-- 1 -->
    <div class="ht-100 ht-overflow ht-font-13 ht-padding-bottom10">
      <div class="ht-20 ht-float-left ht-000">
        保证金：
      </div>
      <div class="ht-80 ht-float-left">
        <span class="ts-bs ts-bs-xg">不限</span>
        <span class="ts-bs">50元</span>
        <span class="ts-bs">100元</span>
        <span class="ts-bs">100-200元</span>
        <span class="ts-bs">200-400元</span>
        <span class="ts-bs">400-600元</span>
        <span class="ts-bs">600元以上</span>
      </div>
    </div>
    <!-- 2 -->
    <div class="ht-100 ht-overflow ht-font-13 ht-padding-bottom10">
        <div class="ht-20 ht-float-left ht-000">
          有偿分享：
        </div>
        <div class="ht-80 ht-float-left">
          <span class="ts-bs">不限</span>
          <span class="ts-bs">0.1元/次</span>
          <span class="ts-bs">0.1-0.5元/次</span>
          <span class="ts-bs">0.5-1元/次</span>
          <span class="ts-bs">1-2元/次</span>
          <span class="ts-bs">2元以上</span>
        </div>
      </div>
    <!-- 3 -->
  </div>
  <!-- 招聘任务 -->
  <div class="ht-border-bottom">
    <div class="ht-overflow ht-line-45">
      <span class="ht-float-left ht-000 ht-font-13">招聘任务</span>
      <ion-icon ios="ios-arrow-down-outline" md="md-volume-up" class="ios-arrow-down-outline ht-line-45"></ion-icon>
    </div>
    <!-- 1 -->
    <div class="ht-100 ht-overflow ht-font-13 ht-padding-bottom10">
      <div class="ht-20 ht-float-left ht-000">
        按菜系：
      </div>
      <div class="ht-80 ht-float-left">
        <span class="ts-bs">不限</span>
        <span class="ts-bs">山西</span>
        <span class="ts-bs">东北</span>
        <span class="ts-bs">内蒙</span>
        <span class="ts-bs">川</span>
        <span class="ts-bs">鲁</span>
        <span class="ts-bs">粤</span>
        <span class="ts-bs">闽</span>
        <span class="ts-bs">潍杨</span>
        <span class="ts-bs">浙</span>
        <span class="ts-bs">湘</span>
        <span class="ts-bs">徽</span>
        <span class="ts-bs">苏</span>
      </div>
    </div>
    <!-- 2 -->
    <div class="ht-100 ht-overflow ht-font-13 ht-padding-bottom10">
      <div class="ht-20 ht-float-left ht-000">
        按工种
      </div>
      <div class="ht-80 ht-float-left">
        <span class="ts-bs">不限</span>
        <span class="ts-bs">炒菜</span>
        <span class="ts-bs">配菜</span>
        <span class="ts-bs">打荷</span>
        <span class="ts-bs">凉菜</span>
        <span class="ts-bs">上什</span>
        <span class="ts-bs">砧板</span>
        <span class="ts-bs">水台</span>
        <span class="ts-bs">烧腊</span>
        <span class="ts-bs">点心</span>
        <span class="ts-bs">做面</span>
        <span class="ts-bs">服务员</span>
      </div>
    </div>
    <!-- 3 -->
  </div>
  <!-- 顶岗任务 -->
  <div class="ht-border-bottom">
      <div class="ht-overflow ht-line-45">
        <span class="ht-float-left ht-000 ht-font-13">顶岗任务</span>
        <ion-icon ios="ios-arrow-down-outline" md="md-volume-up" class="ios-arrow-down-outline ht-line-45"></ion-icon>
      </div>
      <!-- 1 -->
      <div class="ht-100 ht-overflow ht-font-13 ht-padding-bottom10">
        <div class="ht-20 ht-float-left ht-000">
          按工种
        </div>
        <div class="ht-80 ht-float-left">
          <span class="ts-bs">不限</span>
          <span class="ts-bs">炒菜</span>
          <span class="ts-bs">配菜</span>
          <span class="ts-bs">打荷</span>
          <span class="ts-bs">凉菜</span>
          <span class="ts-bs">上什</span>
          <span class="ts-bs">砧板</span>
          <span class="ts-bs">水台</span>
          <span class="ts-bs">烧腊</span>
          <span class="ts-bs">点心</span>
          <span class="ts-bs">做面</span>
          <span class="ts-bs">服务员</span>
        </div>
      </div>
      <!-- 2 -->
      <div class="ht-100 ht-overflow ht-font-13 ht-padding-bottom10">
          <div class="ht-20 ht-float-left ht-000">
            按时间
          </div>
          <div class="ht-80 ht-float-left">
            <span class="ts-bs">半天</span>
            <span class="ts-bs">一天</span>
            <span class="ts-bs">两天</span>
            <span class="ts-bs">N天</span>
            <span class="ts-bs">自行修改</span>
          </div>
        </div>
    </div>
  <!-- 小时工任务 -->
  <!-- 求职顶岗任务 -->
  <!-- 出转任务 -->
  <!-- 求转任务 -->
  <!-- 按转让费 -->
  <!-- 出包任务 -->
  <!-- 求包任务 -->
  <!-- 其他任务 -->
</div>
<!-- 主内容结束 -->
</ion-content>

<ion-footer>
  <ion-toolbar>
      <div class="ht-33 ht-float-left ht-line-50 ht-text-center ht-border-right">重置</div>
      <div class="ht-33 ht-float-left ht-line-50 ht-text-center">保存</div>
      <div class="ht-33 ht-float-left ht-line-50 ht-text-center ht-fff ht-f29603">确定</div>
  </ion-toolbar>
</ion-footer>
